import React from 'react';
import { Link } from "react-router-dom";
import './index.less';
import Icon from '../base/Icon/index';

const openMessage = () => {
  if (ysf) {
    ysf.open();
  }
}
export default class Menu extends React.PureComponent {

  render() {
    return (
      <ul className="footer-menu">
        <li>
          <Link to="/">
            <span><Icon type="home" /></span>
            <span>首页</span>
          </Link>
        </li>
        <li>
          <Link to="/allProduct">
            <span><Icon type="book" /></span>
            <span>全部商品</span>
          </Link>
        </li>
        <li>
          <a onClick={openMessage} >
            <span><Icon type="message" /></span>
            <span>联系</span>
          </a>
        </li>
        <li>
          <Link to="/cart">
            <span><Icon type="icon22fuzhi" /></span>
            <span>购物车</span>
          </Link>
        </li>
        <li>
          <Link to="/account/person-details">
            <span><Icon type="wode" /></span>
            <span>我的</span>
          </Link>
        </li>
      </ul>
    )
  }
}